body {
  background-color: palegreen;
}
p {
  font-size: 400px;
  margin-left: 0.2em;
  position: absolute;
  top: 0;
  left: 0;
}
.i1 {
  color: darkorchid;
   margin-left: 15%;
  font-size: 8em;
}
.i2 {
  color: peachpuff;
  font-size: 10em;
  margin-top: 40%;
}
.i3 {
  color: aquamarine;
  font-size: 12em;
  margin-left: 20%;
  padding-top: 0.2em;
}
.i4 {
  color: rgb(81, 174, 197);
  font-size: 10em;
  padding-top: 1.2em;
  margin-left: 40%;
}
.i5 {
  color: rgb(81, 174, 197);
  font-size: 10em;
  padding-top: 1.2em;
  margin-left: 55%;
}
.i6 {
  color: darkcyan;
  margin-left: 40%;
  font-size: 100px;
}
.i7 {
  color: rgb(54, 103, 131);
  font-size: 6em;
  margin-left: 75%;
}
.i8 {
  color: rgb(62, 218, 153);
  font-size: 12em;
  padding-top: 1em;
  margin-left: 80%;
}
.i10 {
  color: darkcyan;
  font-size: 12em;
  padding-top: 2em;
  margin-left: 80%;
}
.i11 {
  color: aquamarine;
  padding-top: 3em;
  font-size: 10em;
  margin-left: 50%;
}
.i12 {
  color: rgb(107, 197, 152);
  padding-top: 1.5em;
  font-size: 15em;
  margin-left: 30%;
}